<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="StyleSheet" href="../css/itemcard.css" type="text/css"
          media="screen"/>
</head>
<body>

<div th:replace="common/top"></div>

<div id="Content">
    <div id="Main">
        <!--    我的喜欢
        <%session.setAttribute("page", "main");%>
        <%@ include file="../account/myFavorite.jsp"%>-->
        <div th:replace="account/myFavorite"></div>

        <div id="a1">
            <div id="a2">
                <a href="itemForm?itemId=EST-11" onmouseover="hiddenInform2(event)"><img id="a3"
                                                                                         src="../images/jr.png"/></a>
                <a href="itemForm?itemId=EST-13 " onmouseover="hiddenInform2(event)"><img id="a3"
                                                                                          src="../images/bxg.png"/></a>
                <a href="itemForm?itemId=EST-15" onmouseover="hiddenInform2(event)"><img id="a3"
                                                                                         src="../images/lmzs.png"/></a>
                <a href="itemForm?itemId=EST-28" onmouseover="hiddenInform2(event)"><img id="a3"
                                                                                         src="../images/hbq.png"/></a>
                <a href="itemForm?itemId=EST-11" onmouseover="hiddenInform2(event)"><img id="a3"
                                                                                         src="../images/jr.png"/></a>
            </div>
            <div class="circle">
                <div class="active"></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>

        <br>
        <br>
        <br>


        <div id="inform" style="display: none">sssssssssss</div>
        <style>
            #inform {
                width: 200px;
                height: 300px;
                background-color: antiquewhite;
                border: 1px solid;
                padding: 2ch 0 2ch 2.5ch;
                border-radius: 40px 0 40px 40px;
                border-color: #b4a2e8;
                position: absolute;
            }
        </style>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/mouseEvent.js">
        </script>

        <br>
        <br>
        <br>


        <div id="item_group" onmouseover="hiddenInform(event)">
            <div id="item" onmouseover="hiddenInform(event)">
                <a href="itemForm?itemId=EST-11" shape="rect" onmouseover="showInform(href);"
                >
                    <div id="dis" class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/jerry.jpg">
                        </div>
                        <div class="item_card_content">
                            <h4>Jerry杰瑞</h4>
                            <div class="item_card_description">
                                芝士，美国扁桃仁,清纯鲜奶，优化芝士层
                            </div>
                        </div>
                    </div>
                </a>

                <a href="itemForm?itemId=EST-13" shape="rect"
                   onmouseover="showInform(href);">
                    <div class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/passionFruit.jpg"/>
                        </div>
                        <div class="item_card_content">
                            <h4>百香果乳酪蛋糕</h4>
                            <div class="item_card_description">
                                百香果酱，酸奶酪,微酸，冰激凌口感，多重口味享受
                            </div>
                        </div>
                    </div>
                </a>

                <a href="itemForm?itemId=EST-15" shape="rect"
                   onmouseover="showInform(href);">
                    <div class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/LMcheese.jpg"/>
                        </div>
                        <div class="item_card_content">
                            <h4>朗姆芝士</h4>
                            <div class="item_card_description">
                                朗姆酒，柠檬，芝士,酒香，微苦，清新的柠檬
                            </div>
                        </div>
                    </div>
                </a>

            </div>

            <div id="item">
                <a href="itemForm?itemId=EST-28" shape="rect"
                   onmouseover="showInform(href);">
                    <div class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/bwCHOCO.jpg"/>
                        </div>
                        <div class="item_card_content">
                            <h4>黑白巧</h4>
                            <div class="item_card_description">
                                君度酒，比利时巧克力,白慕斯的甜，与底部黑巧克力的苦
                            </div>
                        </div>
                    </div>
                </a>

                <a href="itemForm?itemId=EST-9" shape="rect"
                   onmouseover="showInform(href);">
                    <div class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/songren.jpg"/>
                        </div>
                        <div class="item_card_content">
                            <h4>松仁淡奶</h4>
                            <div class="item_card_description">
                                大兴安岭松仁,松子的香气,口感丝滑绵密，适合家庭分享
                            </div>
                        </div>
                    </div>
                </a>

                <a href="itemForm?itemId=EST-6" shape="rect"
                   onmouseover="showInform(href);">
                    <div class="item_card">
                        <div class="item_card_pic">
                            <img id="pic" src="images/orange.jpg"/>
                        </div>
                        <div class="item_card_content">
                            <h4>橘与橙</h4>
                            <div class="item_card_description">
                                奶油，卡曼橘,包含不同柑橘元素，7个风味层次
                            </div>
                        </div>
                    </div>
                </a>

            </div>
        </div>


        <div id="Separator">&nbsp;
        </div>
    </div>
</div>

<div th:replace="common/bottom"></div>

</body>
</html>
